<template>
    <scale-screen
        width="1920"
        height="1080"
        :boxStyle="{
            background: '#03050C',
            overflow: 'hidden',
        }"
        :wrapperStyle="{}"
    >
    <div class="appscreen-container">
        <router-view v-slot="{ Component }">
            <transition name="fade-transform" mode="out-in">
                <component :is="Component" :key="$route.fullPath" />
            </transition>
        </router-view>
    </div>
    </scale-screen>
</template>

<script setup lang="ts">
import {  RouterView } from 'vue-router';
import { ScaleScreen } from '@/components/scale-screen';

</script>

<style scoped>
@import url('@/assets/fonts/index.css');
.appscreen-container {
    width: 100%;
    height: 100%;
}
</style>
